@charset "utf-8"; 
/***** Common *****/
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div {margin:0;padding:0}
body,input,textarea,select,button,table {font-family:Dotum,Gulim,Arial,Verdana,MS Gothic,sans-serif;font-size:12px;color:#333}
table {border-collapse:collapse} /* td 공백시에도 스타일(border..) 적용 */
img,fieldset {border:0}
legend,caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
ul,ol,li {list-style:none}
address {font-style:normal}
a {text-decoration:none;color:#333;outline:0}
a:hover,a:active,a:focus {text-decoration:none}
html {height: 100%}
input {height: 21px;line-height: 21px;ime-mode: active}
.input_txt{border:1px solid #ccc;height:18px;padding:2px 3px;padding-top:3px}
.fl {float:left}
.fr {float:right}

/* Layout */
#wrap {position:relative;min-width:1000px;margin:0 auto;padding:0 20px}
#wrap_menu {position:relative;min-width:1000px;margin:0 auto;}
#header {overflow:hidden;height:90px;*display:inline-block;_width /**/: 100%;background:url(../images/top_menu/header_bg.png) 0 0 repeat-x;position:relative}
#header:after {clear:both;content:'';display:both}

/* Font */
@font-face {
	font-family: nanum_barun;
	src: url(../font/NanumBarunGothic.eot);
	src: url(../font/NanumBarunGothic.eot?#iefix) format('embeded-opentype'), url(../font/NanumBarunGothic.woff) format('woff');
}

.font200 {
	font-family: nanum_barun;
	font-weight: 200;
}
.font400 {
	font-family: nanum_barun;
	font-weight: 400;
}
.font600 {
	font-family: nanum_barun;
	font-weight: 600;
}
.font800 {
	font-family: nanum_barun;
	font-weight: 800;
}

/* Header */
#header h1 {display:block;float:left;position:relative;width:220px;height:87px;}
#header h1 a {display:block;overflow:hidden;width:195px;height:60px;border-right:1px solid #e4e4e4;padding-left:25px;padding-top:27px}

.nav_area {width:100%;height:90px;margin-left:220px;}
.nav_area:after {clear:both;content:'';display:both}
.menu_area {width:100%;float:left;overflow:hidden;position:relative;height:90px;}
.menu {float:left;height:90px;position:absolute}
.menu:after {display:block;content:'';clear:both} 
.menu li {width:90px;float:left;height:85px;cursor:pointer;}
.menu li.menu_mail {background:url(../images/top_menu/icon_menu_mail.png) center -90px no-repeat;}
.menu li.menu_board {background:url(../images/top_menu/icon_menu_board.png) center -90px no-repeat;}
.menu li.menu_work {background:url(../images/top_menu/icon_menu_work.png) center -90px no-repeat;}
.menu li.menu_documentflow {background:url(../images/top_menu/icon_menu_documentflow.png) center -90px no-repeat;}
.menu li.menu_document {background:url(../images/top_menu/icon_menu_document.png) center -90px no-repeat;}
.menu li.menu_calendar {background:url(../images/top_menu/icon_menu_calendar.png) center -90px no-repeat;}
.menu li.menu_equipment {background:url(../images/top_menu/icon_menu_equipment.png) center -90px no-repeat;}
.menu li.menu_cloud {background:url(../images/top_menu/icon_menu_cloud.png) center -90px no-repeat;}
.menu li.menu_contact {background:url(../images/top_menu/icon_menu_contact.png) center -90px no-repeat;}
.menu li.menu_search {background:url(../images/top_menu/icon_menu_search.png) center -90px no-repeat;}
.menu li.menu_club {background:url(../images/top_menu/icon_menu_club.png) center -90px no-repeat;}
.menu li.menu_meeting {background:url(../images/top_menu/icon_menu_meeting.png) center -90px no-repeat;}
.menu li a {width:90px;font-family: nanum_barun;font-size:13px;font-weight: 900;color:#888;text-align:center;display:block;margin-top:60px}
.menu li:hover {background-position-y:0;border-bottom:5px solid #4445c0;}
.menu li:hover a {color:#333333;}

.info_area {float:right;position:absolute;right:0;top:0;height:87px;overflow:hidden;cursor:pointer;border-bottom:3px solid #9499d9;}
.info_area:after {clear:both;content:'';display: block}
.info_area .menu_more {width:90px;height:87px;float:left;border-left:1px solid #e4e4e4;background:#fff url(../images/top_menu/icon_menu_more.png) center 0 no-repeat}
/*.info_area .menu_more:hover {background-position-y:-90px}*/
.info_area .menu_more.more_right {background-position-y:-90px}
/*.info_area .menu_more.more_right:hover {background-position-y:0}*/
.info_area .menu_more a {width:90px;height:87px;display:block;text-align:center;}
.info_area .menu_link {width:90px;height:87px;float:left;border-left:1px solid #e4e4e4;background:#fff url(../images/top_menu/icon_menu_link.png) center 0 no-repeat}
.info_area .menu_link:hover {background-position-y:-90px}
.info_area .menu_link a {width:84px;height:87px;display:block;text-align:center}
.user_area {float:left;width:240px;height:57px;background:#fff url(../images/top_menu/icon_info.png) 17px 27px no-repeat;border-left:1px solid #e4e4e4;padding-top:30px}
.user_area .user_dept {font-size:13px;font-weight:900;color:#777;max-height:30px;letter-spacing:-1px;height:18px;width:120px;margin-left:64px;}
.user_area .user_name {font-size:13px;font-weight:900;color:#5d67c6;max-height:30px;letter-spacing:-1px;height:18px;width:120px;margin-left:64px;}
.user_area:hover .gnb {display:block;}
.info_area .gnb {background:#9499d9;height:90px;display:none;position:absolute;top:0;right:0;opacity:0.95}
.info_area .gnb ul:after {clear:both;content:'';display: block}
.info_area .gnb li {float:left;width:120px;height:90px;text-align:center}
.info_area .gnb li:hover {/*background-color:#4445c0;*/}
.info_area .gnb li:first-child {border-right:1px solid #bdc0e8;}
.info_area .gnb li img {margin-top:33px}
.user_area p {width:120px;overflow:hidden;}







